<template>
  <div class="about">
    <p style="color: #fba320">
      <i class="el-icon-s-promotion" style="font-size: 24px"></i>
      关于我们
    </p>
    <el-card class="page-wrap">
      <div v-for="item in list" :key="item.id" class="content">
        <h2>{{item.title}}</h2>
        <p v-html="item.content"></p>
      </div>
    </el-card>
  </div>
</template>
<script>
import { getAbout } from "@/api/realtor";
export default {
  data() {
    return {
      list:[]
    }
  },
  created() {
    this.getAboutList();
  },
  methods: {
    async getAboutList() {
      this.list= await getAbout();
      console.log(this.list);
    },
  },
};
</script>
<style lang="less" scoped>
.about {
  width: 60%;
  margin: 20px auto;
}
.page-wrap {
  margin-bottom: 210px;
  line-height: 2;
  margin-top: 30px;
  .content{
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(207, 205, 205, 0.76);
  }
}
</style>
